function mapChange(mapData, centerData, mapType, ele, leftP, topP, text) {
    var chinaMapOpt = {
        title: {
            text: text,
            left: '20',
            top: '20',
            textStyle: {
                color: '#fff'
            }
        },
        tooltip: {
            trigger: 'item',
            formatter: function(param) {
                console.log(param)
                
                if(param.data.valueFrom){
                	return param.data.valueFrom;
                }
                /*if (param.seriesType == "lines") {
                    return '<div>' + param.data.fromName + '>' + param.data.toName + ':' + param.data.value + '</div>'
                }*/
            }
        },
        geo: {
            map: mapType,
            label: {
                emphasis: {
                    show: false
                }
            },
            // roam: true, //是否允许缩放 
            layoutCenter: [leftP, topP], //地图位置
            layoutSize: "100%",
            itemStyle: {
                normal: {
                    //areaColor: '#022548', //暂时屏蔽
                    areaColor: 'rgba(2, 37, 72,0.3)',//透明状态
                    borderColor: '#0DABEA'
                },
                emphasis: {
                    areaColor: 'rgba(2, 37, 72,0.3)',
                }
            },
            regions: []
        },
        series: [{
                type: 'scatter',
                coordinateSystem: 'geo',
                zlevel: 5,
                rippleEffect: {
                    period: 4,
                    brushType: 'stroke',
                    scale: 4
                },
                symbol: 'pin',
                symbolSize: 30,
                itemStyle: {
                    normal: {
                        show: true,
                        color: '#ffff00'
                    }
                },
                data: centerData,
            },
            {
                name: '地点',
                type: 'scatter',
                coordinateSystem: 'geo',
                zlevel: 2,
                itemStyle: {
                    normal: {
                        color: '#0ff'
                    }
                },
                data: mapData.citys
            }, {
                name: '线路',
                type: 'lines',
                coordinateSystem: 'geo',
                zlevel: 3,
                large: true,
                
                effect: {
                    show: true,
				            period: 6,
				            trailLength: 0.7,
				            color: '#fff',
				            symbolSize: 2
                },
                lineStyle: {
                    normal: {
                        color: 'yellow',
                        width:0.5,
                        opacity: 0.1,
                        curveness: 0.1
                    }
                },
                data: mapData.moveLines
            }
        ]
    };
    var chinaMap = echarts.init($(ele)[0])
    chinaMap.setOption(chinaMapOpt);
}
var chinaData = {
    citys: [{
            name: '上海',
            value: [121.4737, 31.2327919],
            valueFrom : '<div>上海-->山东访问量：144995<div>',
            symbol: 'pin',
            symbolSize: 20
        },
        {
            name: '湖南',
            value: [113.0823, 28.2568], //长沙
            valueFrom : '<div>湖南-->山东访问量：21794<div>',
            symbol: 'pin',
            symbolSize: 20
        },
        {
            name: '四川',
            value: [103.9526, 30.7617], //成都
            valueFrom : '<div>四川-->山东访问量：18582<div>',
            symbol: 'pin',
            symbolSize: 20
        },
        {
            name: '浙江',
            value: [119.5313, 29.8773], //杭州
            valueFrom : '<div>浙江-->山东访问量：15144<div><div>浙江-->北京访问量：72140<div>',
            symbol: 'pin',
            symbolSize: 20
        },
        {
            name: '河南',
            value: [113.4668, 34.6234, 9943], //郑州
            valueFrom : '<div>河南-->山东访问量：9943</div><div>河南-->北京访问量：43530</div>',
            symbol: 'pin',
            symbolSize: 20
        },
        {
            name: '湖北',
            value: [114.3896, 30.6628], //武汉
            valueFrom : '<div>湖北-->山东访问量：8677</div>',
            symbol: 'pin',
            symbolSize: 20
        },
        {
            name: '北京',
            value: [116.4551, 40.2539],
            valueFrom : '<div>北京-->山东访问量：5635</div>',
            symbol: 'pin',
            symbolSize: 20
        },
        {
            name: '安徽',
            value: [117.29, 32.0581], //合肥
            valueFrom : '<div>安徽-->山东访问量：4441</div>',
            symbol: 'pin',
            symbolSize: 20
        },
        {
            name: '云南',
            value: [102.9199, 25.4663], //昆明
            valueFrom : '<div>云南-->山东访问量：4192</div>',
            symbol: 'pin',
            symbolSize: 20
        },
        {
            name: '辽宁',
            value: [123.1238, 42.1216], //沈阳
            valueFrom : '<div>辽宁-->山东访问量：1426</div>',
            symbol: 'pin',
            symbolSize: 20
        },
        /*{
            name: '海南',
            value: [110.3893, 19.8516, 663], //海口
            symbol: 'pin',
            symbolSize: 20
        },*/
        {
            name: '江苏',
            value: [118.8062, 31.9208, ], //南京
            valueFrom : '<div>江苏-->北京访问量：163464</div>',
            symbol: 'pin',
            symbolSize: 20
        },
        {
            name: '山东',
            value: [117.1582, 36.8701], //济南
            valueFrom : '<div>山东-->北京访问量：112600</div>',
            symbol: 'pin',
            symbolSize: 20
        },
        {
            name: '广东',
            value: [113.5107, 23.2196], //广州
            valueFrom : '<div>广东-->北京访问量：67253</div>',
            symbol: 'pin',
            symbolSize: 20
        },
        /*{
            name: '内蒙古',
            value: [111.75199, 40.84235, 1],
            symbol: 'pin',
            symbolSize: 20
        },*/
    ],
    moveLines: [{
        fromName: '江苏',
        toName: '北京',
        value: '163464',
        coords: [
            [118.8062, 31.9208],
            [175.98299, 43.067149]
        ],
    }, {
        fromName: '山东',
        toName: '北京',
        value: '112600',
        coords: [
            [117.1582, 36.8701],
            [175.98299, 43.067149]
        ],
    }, {
        fromName: '浙江',
        toName: '北京',
        value: '72140',
        coords: [
            [119.5313, 29.8773],
            [175.98299, 43.067149]
        ],
    }, {
        fromName: '广东',
        toName: '北京',
        value: '67253',
        coords: [
            [113.5107, 23.2196],
            [175.98299, 43.067149]
        ],
    }, {
        fromName: '河南',
        toName: '北京',
        value: '43530',
        coords: [
            [113.4668, 34.6234],
            [175.98299, 43.067149]
        ],
    }, {
        fromName: '上海',
        toName: '山东',
        value: '144995',
        coords: [
            [121.4737, 31.2327919],
            [185.38299, 23.267149]
        ],
    }, {
        fromName: '湖南',
        toName: '山东',
        value: '21794',
        coords: [
            [113.0823, 28.2568],
            [185.38299, 23.267149],
        ],
    }, {
        fromName: '四川',
        toName: '山东',
        value: '18582',
        coords: [
            [103.9526, 30.7617],
            [185.38299, 23.267149]
        ],
    }, {
        fromName: '浙江',
        toName: '山东',
        value: '15144',
        coords: [
            [119.5313, 29.8773],
            [185.38299, 23.267149]
        ],
    }, {
        fromName: '河南',
        toName: '山东',
        value: '9943',
        coords: [
            [113.4668, 34.6234],
            [185.38299, 23.267149]
        ],
    }, {
        fromName: '湖北',
        toName: '山东',
        value: '8677',
        coords: [
            [114.3896, 30.6628],
            [185.38299, 23.267149]
        ],
    }, {
        fromName: '北京',
        toName: '山东',
        value: '5635',
        coords: [
            [116.4551, 40.2539],
            [185.38299, 23.267149]
        ],
    }, {
        fromName: '安徽',
        toName: '山东',
        value: '4441',
        coords: [
            [117.29, 32.0581],
            [185.38299, 23.267149]
        ],
    }, {
        fromName: '云南',
        toName: '山东',
        value: '4192',
        coords: [
            [102.9199, 25.4663],
            [185.38299, 23.267149]
        ],
    }, {
        fromName: '辽宁',
        toName: '山东',
        value: '1426',
        coords: [
            [123.1238, 42.1216],
            [185.38299, 23.267149]
        ]
    }]
}
var chinaMidData = []
var sdData = {
    citys: [{
            name: '济南市',
            value: [116.75199, 36.55978],
            valueFrom : '<div>济南-->青岛访问量：23721<div>',
            symbol: 'pin',
            symbolSize: 20
        }, {
            name: '青岛市',
            value: [120.4651, 36.3373],
            valueFrom : '<div>青岛-->青岛访问量：23616<div>',
        }, {
            name: '临沂市',
            value: [118.35646, 35.108371487],
            valueFrom : '<div>临沂-->青岛访问量：18428<div>',
            symbol: 'pin',
            symbolSize: 20
        }, {
            name: '潍坊市',
            value: [119.16176, 36.7105068],
            valueFrom : '<div>潍坊-->青岛访问量：16981<div>',
            symbol: 'pin',
            symbolSize: 20
        }, {
            name: '济宁市',
            value: [116.8286, 35.3375],
            valueFrom : '<div>济宁-->青岛访问量：16646<div>',
            symbol: 'pin',
            symbolSize: 20
        }, {
            name: '菏泽市',
            value: [115.48115, 35.23594],
            valueFrom : '<div>菏泽-->青岛访问量：12582<div>',
            symbol: 'pin',
            symbolSize: 20
        }, {
            name: '淄博市',
            value: [118.0548, 36.815367],
            valueFrom : '<div>淄博-->青岛访问量：12565<div>',
            symbol: 'pin',
            symbolSize: 20
        }, {
            name: '烟台市',
            value: [120.7397, 37.5128],
            valueFrom : '<div>烟台-->青岛访问量：10685<div>',
            symbol: 'pin',
            symbolSize: 20
        }, {
            name: '泰安市',
            value: [117.0884, 36.2036108],
            valueFrom : '<div>泰安-->青岛访问量：10264<div>',
            symbol: 'pin',
            symbolSize: 20
        }, {
            name: '聊城市',
            value: [115.985489, 36.4606787],
            valueFrom : '<div>聊城-->青岛访问量：9797<div>',
            symbol: 'pin',
            symbolSize: 20
        }
        /*, {
        		name : '威海市',
        		value : [ 122.12171, 37.515726664, 1 ],
        		symbol : 'pin',
        		symbolSize : 20
        	}, {
        		name : '东营市',
        		value : [ 118.7449, 37.46349, 1 ],
        		symbol : 'pin',
        		symbolSize : 20
        	}, {
        		name : '德州市',
        		value : [ 116.35926999, 37.437749, 1 ],
        		symbol : 'pin',
        		symbolSize : 20
        	}, {
        		name : '滨州市',
        		value : [ 117.97279, 37.3843606, 1 ],
        		symbol : 'pin',
        		symbolSize : 20
        	}, {
        		name : '枣庄市',
        		value : [ 117.3219599, 34.8144448, 1 ],
        		symbol : 'pin',
        		symbolSize : 20
        	}, {
        		name : '日照市',
        		value : [ 119.52719, 35.41876827, 1 ],
        		symbol : 'pin',
        		symbolSize : 20
        	}, {
        		name : '莱芜市',
        		value : [ 117.6766699, 36.215875, 1 ],
        		symbol : 'pin',
        		symbolSize : 20
        	} */
    ],
    moveLines: [{
            fromName: '济南市',
            toName: '青岛市',
            coords: [
                [116.75199, 36.55978],
                [120.4651, 36.3373],
            ],
        }, {
            fromName: '青岛市',
            toName: '青岛市',
            coords: [
                [120.4651, 36.3373],
                [120.4651, 36.3373],
            ],
        }, {
            fromName: '临沂市',
            toName: '青岛市',
            coords: [
                [118.35646, 35.108371487],
                [120.4651, 36.3373],
            ],
        }, {
            fromName: '潍坊市',
            toName: '青岛市',
            coords: [
                [119.16176, 36.7105068],
                [120.4651, 36.3373],
            ],
        }, {
            fromName: '济宁市',
            toName: '青岛市',
            coords: [
                [116.8286, 35.3375],
                [120.4651, 36.3373],
            ],
        }, {
            fromName: '菏泽市',
            toName: '青岛市',
            coords: [
                [115.48115, 35.23594],
                [120.4651, 36.3373],
            ],
        }, {
            fromName: '淄博市',
            toName: '青岛市',
            coords: [
                [118.0548, 36.815367],
                [120.4651, 36.3373],
            ],
        }, {
            fromName: '烟台市',
            toName: '青岛市',
            coords: [
                [120.7397, 37.5128],
                [120.4651, 36.3373],
            ],

        }, {
            fromName: '泰安市',
            toName: '青岛市',
            coords: [
                [117.0884, 36.2036108],
                [120.4651, 36.3373],
            ],
        }, {
            fromName: '聊城市',
            toName: '青岛市',
            coords: [
                [115.985489, 36.4606787],
                [120.4651, 36.3373],
            ],
        },
        /*
         * { fromName : '威海市', toName : '青岛市', coords : [ [ 122.12171,
         * 37.515726664 ], [ 120.4651, 36.3373 ], ], }, { fromName : '东营市',
         * toName : '青岛市', coords : [ [ 118.7449, 37.46349 ], [ 120.4651,
         * 36.3373 ], ], },{ fromName : '德州市', toName : '青岛市', coords : [ [
         * 116.35926999, 37.437749 ], [ 120.4651, 36.3373 ], ], }, { fromName :
         * '滨州市', toName : '青岛市', coords : [ [ 117.97279, 37.3843606 ], [
         * 120.4651, 36.3373 ], ], }, { fromName : '枣庄市', toName : '青岛市', coords : [ [
         * 117.3219599, 34.8144448 ], [ 120.4651, 36.3373 ], ], }, { fromName :
         * '日照市', toName : '青岛市', coords : [ [ 119.52719, 35.41876827 ], [
         * 120.4651, 36.3373 ], ], }, { fromName : '莱芜市', toName : '青岛市', coords : [ [
         * 117.6766699, 36.215875 ], [ 120.4651, 36.3373 ], ], }
         */
    ]
}
var sdMidData = [{
    name: '青岛市',
    value: [120.4651, 36.3373, 0],
}]
var bjData = {
    citys: [{
            name: '朝阳区',
            value: [116.4977, 39.949, 1],
        },
        {
            name: '怀柔区',
            value: [116.6377, 40.6219, 1],
            symbol: 'pin',
            symbolSize: 20
        },
        {
            name: '顺义区',
            value: [116.7242, 40.1619, 1],
            symbol: 'pin',
            symbolSize: 20
        },
    ],
    moveLines: [{
        fromName: '怀柔区',
        toName: '朝阳区',
        coords: [
            [116.6377, 40.6219],
            [116.4977, 39.949],
        ],

    }, {
        fromName: '顺义区',
        toName: '朝阳区',
        coords: [
            [116.7242, 40.1619],
            [116.4977, 39.949],
        ],
    }]
}
var bjMidData = [{
    name: '朝阳区',
    value: [116.4977, 39.949, 0],
}]

mapChange(chinaData, chinaMidData, "china", '#webChina', "30%", "50%", "海尔平台全国流量图")
mapChange(sdData, sdMidData, "山东", '#webSD', "50%", "55%")
mapChange(bjData, bjMidData, "北京", '#webBJ', "50%", "55%")


function rightPie(pieData, ele, num, color, text) {
    var pie3Opt = {
        color: color,
        title: {
            left: 'center',
            top: 'bottom',
            text: text,
            textStyle: {
                fontSize: '12',
                color: '#fff'
            }
        },
        backgroundColor: 'transparent',
        tooltip: {
            trigger: 'item',
            // formatter: "{a} <br/>{b} : {c} ({d}%)",
            formatter: function(param) {
                if (param.name) {
                    return '<div>' + param.name + '</div>' +
                        '<div>' + param.value + '  (' + param.percent + '%)</div>'
                }
            },
            position: 'right'
        },
        series: [{
            name: '',
            type: 'pie',
            radius: ['50%', '70%'],
            center: ['45%', '42%'],
            hoverAnimation: true,
            label: {
                normal: {
                    show: false,
                    position: 'center'
                },
                emphasis: {
                    show: false,
                    textStyle: {
                        fontSize: '30',
                        fontWeight: 'bold'
                    }
                }
            },
            data: pieData
        }, {
            name: '',
            type: 'pie',
            clockWise: true,
            hoverAnimation: false,
            animationType: 'scale',
            radius: [200, 200],
            center: ['45%', '43%'],
            label: {
                normal: {
                    position: 'center'
                }
            },
            data: [{
                value: 0,
                label: {
                    normal: {
                        formatter: '38',
                        textStyle: {
                            color: '#20fd07',
                            fontSize: 25,
                            fontWeight: 'bold'
                        }
                    }
                }
            }, {
                tooltip: {
                    show: false
                },
                label: {
                    normal: {
                        formatter: '\n门户',
                        textStyle: {
                            color: '#bbeaf9',
                            fontSize: 12
                        }
                    }
                }
            }]
        }]
    };

    var pie3Chart = echarts.init(document.getElementById(ele))
    pie3Chart.setOption(pie3Opt)
    window.addEventListener("resize", function() {
        pie3Chart.resize();
    });
    var pieIndex = 0
    var t

    function pieAutoShow() {
        if (pieIndex > num - 1) {
            pieIndex = 0
        }
        for (var i = 0; i < num; i++) {
            if (i != pieIndex) {
                pie3Opt.series[0].data[i]['selected'] = false;
            } else {
                pie3Opt.series[0].data[i]['selected'] = true;
            }
        }
        pie3Opt.series[1].data[0].label.normal.formatter = (pie3Opt.series[0].data[pieIndex].value / allData(pieData) * 100).toFixed(1) + "%"
            // pie3Opt.series[1].data[0].label.normal.formatter=parseInt(Math.random()*99) + "%"
        pie3Opt.series[1].data[1].label.normal.formatter = "" + pie3Opt.series[0].data[pieIndex].name
        pie3Chart.setOption(pie3Opt)
        pieIndex++
    }
    pieAutoShow()
    t = window.setInterval(pieAutoShow, 1200)
}

function allData(data) {
    var allNum = 0
    for (var a = 0; a < data.length; a++) {
        allNum += data[a].value
    }
    return allNum
}

var color1 = ["#00a9e1", "#0046af", "#360293", "#560081", "#af0058", "#ff8700", "#09a7e2", "#93dd6e", "#fce24f", "#b8ff2e", "#09e24b", "#09e2cb"]
var color2 = ["red", "#ff8d00", "yellow"]

var pieData = [
    { name: '弱口令', value: 1173 },
    { name: '未授权访问', value: 693 },
    { name: '权限许可和访问控制', value: 20 },
    { name: '信息泄露', value: 4 },
    { name: '加密问题', value: 2 },
    { name: '路径遍历', value: 2 },
    { name: '权限许可和访问控制', value: 2 },
    { name: '其他', value: 5 }
]

rightPie(pieData, "ldPie1", 8, color1, "漏洞类型")
var dataRight2 = [
    { value: 1181, name: '高危' },
    { value: 628, name: '中危' },
    { value: 92, name: '低危' },
]
rightPie(dataRight2, "ldPie2", 3, color2, "漏洞等级")
var sbData = [
    { name: 'IP_CAMERA', value: 56977 },
    { name: 'DVR', value: 4688 },
    { name: 'NVR', value: 220 },
    { name: 'DSC', value: 967 },
    { name: 'GATEWAY', value: 101 },
    { name: '其他', value: 99 }
]
rightPie(sbData, "sbPie3", 6, color1, "")


var flag = true
$(".ldPie li").click(function() {
    n = $(this).index();
    $(".ldPie li").eq(n).addClass('active').siblings().removeClass('active')
    if (n == 0) {
        $("#ldPie1").show()
        $("#ldPie2").show()
        $("#ldPie3").hide()
        $("#ldPie4").hide()
        window.clearInterval(t)
        rightPie(pieData, "ldPie1", 8, color1, "漏洞类型")
        rightPie(dataRight2, "ldPie2", 3, color2, "漏洞等级")
    } else if (n == 1) {
        $("#ldPie1").hide()
        $("#ldPie2").hide()
        $("#ldPie3").show()
        $("#ldPie4").show()
        if (!flag) {
            window.clearInterval(t)
        }
        var pieData = [
            { name: '拒绝服务漏洞', value: 2273 },
            { name: '信息泄露', value: 406 },
            { name: '限制绕过', value: 316 },
            { name: '整数溢出', value: 316 },
            { name: '缓冲区溢出', value: 280 },
            { name: '代码执行漏洞', value: 271 },
            { name: '跨站脚本', value: 189 },
            { name: '未授权访问', value: 99 },
            { name: '其他', value: 496 }
        ]
        var dataRight2 = [
            { value: 532, name: '高危' },
            { value: 3293, name: '中危' },
            { value: 821, name: '低危' },
        ]
        rightPie(pieData, "ldPie3", 9, color1, "漏洞类型")
        rightPie(dataRight2, "ldPie4", 3, color2, "漏洞等级")
        flag = false
    }
})
var data1 = [
    ['61.152.239.132', '海尔', '整数溢出漏洞'],
    ['45.126.122.156', '海尔', '拒绝服务漏洞'],
    ['119.190.34.245', '海尔', '拒绝服务漏洞'],
    ['119.190.34.245', '海尔', '输入验证漏洞'],
    ['123.103.10.10', '海尔', '远程代码执行漏洞'],
    ['183.232.223.118', '海尔', '远程代码执行漏洞'],
    ['119.190.34.245', '海尔', '缓冲区溢出漏洞'],
    ['61.152.239.132', '海尔', '路径遍历漏洞'],
    ['203.130.41.44', '海尔', '整数溢出漏洞'],
    ['183.232.223.118', '海尔', '缓冲区溢出漏洞'],
    ['203.130.41.44', '海尔', '信息泄露漏洞'],
    ['203.130.41.44', '海尔', '函数释放后重用漏洞'],
    ['203.130.41.35', '海尔', '远程代码执行漏洞'],
    ['203.130.41.44', '海尔', '数字错误漏洞'],
    ['203.130.41.101', '海尔', '远程安全漏洞'],
    ['203.130.41.101', '海尔', '远程代码执行漏洞'],
    ['203.130.41.48', '海尔', '释放后重利用漏洞'],
    ['203.130.41.109', '海尔', '跨站请求伪造漏洞'],
    ['203.130.41.48', '海尔', '命令注入漏洞'],
    ['203.130.41.109', '海尔', '拒绝服务漏洞'],
    ['203.130.41.98', '海尔', '安全绕过漏洞'],
    ['203.130.41.35', '海尔', '缓存投毒漏洞'],
    ['121.42.27.27', '普奥云', '远程权限提升漏洞'],
    ['121.42.27.27', '普奥云', '限制绕过漏洞'],
    ['121.42.27.27', '普奥云', '命令注入漏洞'],
    ['121.42.27.27', '普奥云', '拒绝服务漏洞'],
    ['121.42.27.27', '普奥云', '未授权访问漏洞'],
    ['121.42.27.27', '普奥云', '信息泄露漏洞']
]
var data2 = [
    ['218.201.174.237', '山东省德州市宁津供水公司大柳水库', '输入验证'],
    ['218.201.184.2', '东明县天然气产销厂', '授权问题'],
    ['120.27.114.55', '阿里云计算有限公司', '输入验证'],
    ['60.211.251.108', '济宁供水集团高新水厂', '信息泄露'],
    ['60.211.251.100', '济宁供水集团', '信息泄露'],
    ['112.250.109.30', '肥城市东城热力有限公司', '输入验证'],
    ['221.2.221.22', '茌平信发燃气有限公司', '信息泄露'],
    ['112.241.224.86', '063504040892(焦玉磊)', '信息泄露'],
    ['27.197.145.212', '053901918428 杨传奇', '信息泄露'],
    ['27.193.237.181', '周凤媛/15650155782', '信息泄露'],
    ['27.219.221.250', '李福权/15653299276', '跨站脚本'],
    ['112.249.251.46', '杨振平', '信息泄露'],
    ['219.231.149.32', '山东大学', '信息泄露'],
    ['222.175.71.166', '中莱水务有限责任公司', '输入验证'],
    ['58.56.84.186', '济南市清源水务集团有限公司', '跨站脚本'],
    ['58.57.166.78', '高唐金时燃气有限公司', '信息泄露'],
    ['58.57.165.186', '茌平县能通密度板有限责任公司', '信息泄露'],
    ['139.129.110.53', '阿里云计算有限公司', '跨站脚本'],
    ['139.129.96.137', '阿里云计算有限公司', '缓冲区溢出']
]
listEvt(data1)
    //右下tab切换
$(".sdType li").click(function() {
    n = $(this).index();
    $(".sdType li").eq(n).addClass('active').siblings().removeClass('active')
    if (n == 0) {
        listEvt(data1)
    } else if (n == 1) {
        listEvt(data2)
    }
})

function listEvt(data) {
    $("#ranklistRight3 .tab_content").html("")
    for (var i = 0; i < data.length; i++) {
        $("#ranklistRight3 .tab_content").append("<tr>" +
            "<td>" + data[i][0] + "</td>" +
            "<td>" + data[i][1] + "</td>" +
            "<td>" + data[i][2] + "</td>" +
            +"</tr>")
    }
}




function barEvt(yData, xData, ele) {
    var barOption = {
        animation: false,
        tooltip: {
            trigger: 'axis',
            //  formatter: '{a1}<br />{b1} : {c1}',
            axisPointer: {
                type: 'shadow',
            },
            backgroundColor: 'rgba(9,89,124,0.8)',
            borderWidth: 1,
            borderColor: 'rgba(6,214,224,0.5)',
            textStyle: {
                color: '#4ff2f4'
            }
        },
        grid: {
          top:'8%',
	        left: '3%',
	        right: '3%',
	        bottom: '3%',
	        containLabel: true
        },
        xAxis: {
            type: 'category',
            splitLine: { //grid区域分隔线
                show: false,
                lineStyle: {
                    width: 1,
                    type: "solid",
                    color: "#2a3f7e"
                }
            },
            axisLabel: {
                show: true,
                color: '#c0d4da',
                // interval:false,
                // rotate : 25,
            },
            axisTick: {
                show: true, //刻度线
                color: "#c0d4da"
            },
            axisLine: {
                show: true, //坐标轴轴线
                lineStyle: {
                    width: 1,
                    color: "#c0d4da"
                }
            },
            data: yData
        },
        yAxis: {
            splitLine: { //grid区域分隔线
                show: true,
                lineStyle: {
                    width: 1,
                    type: "solid",
                    color: "#2a3f7e"
                }
            },
            axisTick: {
                show: true, //刻度线
                color: '#c0d4da'
            },
            axisLine: {
                show: true, //坐标轴轴线
                lineStyle: {
                    width: 1,
                    color: "#c0d4da"
                }
            },
            axisLabel: { //坐标轴标签
                show: true
            },
        },
        series: [{
            name: '设备数量',
            type: 'bar',
            barGap: '-100%',
            barCategoryGap: '70%',
            data: xData,
            itemStyle: {
                normal: {
                    color: '#0ea4e3',
                    //                  barBorderRadius:35,
                }
            },
        }]
    };
    var barChart = echarts.init(document.getElementById(ele))
    barChart.setOption(barOption);
    window.addEventListener("resize", function() {
        barChart.resize();
    });
}

var yData = ['青岛', '济南', '烟台', '潍坊', '济宁']
var xData = [10444, 8259, 8059, 5946, 5611]
barEvt(yData, xData, "cityBar");


ranklistRight6Data();

function ranklistRight6Data() {
    var ranklistRight6 = $('#ranklistRight6');
    ranklistRight6.empty();
    var datas = [
    	['COSMOPLat','121.42.45.76','山东电信青岛市崂山区松岭路IDC机房'],
    	['COSMOPLat','120.221.92.130','山东移动青岛市浮山路IDC机房'],
    	['COSMOPLat','120.221.66.172','山东移动青岛市浮山路IDC机房'],
    	['COSMOPLat','120.221.65.74','山东移动青岛市浮山路IDC机房'],
    	['COSMOPLat','120.221.65.54','山东移动青岛市浮山路IDC机房'],
    	['COSMOPLat','120.221.65.37','山东移动青岛市浮山路IDC机房'],
    	['COSMOPLat','60.210.22.201','山东联通淄博市218局IDC机房'],
    	['COSMOPLat','60.209.105.215','山东联通济南市IDC机房'],
    	['COSMOPLat','223.99.235.130','山东移动济南市开发区IDC机房'],
    	['COSMOPLat','223.99.232.235','山东移动济南市开发区IDC机房'],
    	['COSMOPLat','120.192.82.237','山东移动济南市开发区IDC机房'],
    	['COSMOPLat','120.192.82.236','山东移动济南市开发区IDC机房'],
    	['COSMOPLat','120.192.66.98','山东移动济南市开发区IDC机房'],
    	['COSMOPLat','120.192.66.82','山东移动济南市开发区IDC机房'],
    	['COSMOPLat','120.192.66.102','山东移动济南市开发区IDC机房'],
    	['COSMOPLat','120.192.66.101','山东移动济南市开发区IDC机房'],
    	['COSMOPLat','120.221.65.34','山东移动青岛市浮山路IDC机房'],
    	['COSMOPLat','120.221.65.30','山东移动青岛市浮山路IDC机房'],
    	['COSMOPLat','120.221.64.233','山东移动青岛市浮山路IDC机房'],
    	['COSMOPLat','120.221.64.143','山东移动青岛市浮山路IDC机房'],
    	['COSMOPLat','120.221.25.192','山东移动青岛市浮山路IDC机房'],
    	['COSMOPLat','120.221.24.152','山东移动青岛市浮山路IDC机房'],
    	['COSMOPLat','120.221.24.149','山东移动青岛市浮山路IDC机房'],
    	['COSMOPLat','120.221.24.124','山东移动青岛市浮山路IDC机房'],
    	['COSMOPLat','61.156.50.23','浙江嘉兴清河电信大楼IDC数据中心'],
    	['COSMOPLat','61.156.243.6','北海火车站局2楼IDC机房 '],
    	['COSMOPLat','61.133.64.187','浙江湖州凤凰IDC数据中心'],
    	['COSMOPLat','61.133.64.186','浙江湖州凤凰IDC数据中心'],
    	['COSMOPLat','60.217.22.221','张江机房'],
    	['COSMOPLat','60.213.132.2','百色数据中心'],
    	['COSMOPLat','60.211.209.143','浙江湖州凤凰IDC数据中心'],
    	['COSMOPLat','60.211.208.48','信息园区B2机房'],
    	['COSMOPLat','60.210.23.110','浙江台州电信枢纽IDC数据中心'],
    	['COSMOPLat','60.210.22.210','广州本地IDC中心'],
    	['COSMOPLat','60.210.22.208','浙江台州电信枢纽IDC数据中心'],
    	['COSMOPLat','60.210.22.171','浙江湖州凤凰IDC数据中心'],
    	['COSMOPLat','60.210.19.249','张江机房'],
    	['COSMOPLat','60.210.18.222','浙江宁波凌云IDC数据中心'],
    	['COSMOPLat','60.210.18.137','漕盈机房'],
    	['COSMOPLat','60.209.105.206','孝感电信城站路IDC机房'],
    	['COSMOPLat','58.56.183.205','联通亦庄机房'],
    	['COSMOPLat','58.56.174.29','浙江温州开发区IDC数据中心'],
    	['COSMOPLat','58.56.128.89','省平台IDC深圳节点'],
    	['COSMOPLat','58.56.128.59','北京兆维IDC数据中心'],
    	['COSMOPLat','27.223.70.122','信息园区B2机房'],
    	['COSMOPLat','27.221.38.48','百色数据中心'],
    	['COSMOPLat','27.195.145.121','无锡国际数据中心'],
    	['COSMOPLat','223.99.254.87','大白楼数据中心'],
    	['COSMOPLat','223.99.251.232','金京机房'],
    	['COSMOPLat','223.99.245.247','张江机房'],
    	['COSMOPLat','221.214.240.133','芜湖微波楼互联网专线机房'],
    	['COSMOPLat','218.59.213.135','漕盈机房'],
    	['COSMOPLat','218.58.70.163','信息园区B2机房'],
    	['COSMOPLat','120.221.92.103','北京上地机房'],
    	['COSMOPLat','120.221.66.243','浙江宁波凌云IDC数据中心'],
    	['COSMOPLat','120.221.66.189','广州粤西粤北专线平台'],
    	['COSMOPLat','120.221.66.177','北京上地机房'],
    	['COSMOPLat','120.221.65.43','北京基地数据中心'],
    	['COSMOPLat','120.221.65.42','信息园区B2机房'],
    	['COSMOPLat','120.221.65.32','崇左市局电信大楼三层扩展机房'],
    	['COSMOPLat','120.221.65.24','北京基地数据中心'],
    	['COSMOPLat','120.221.65.149','信息港数据中心'],
    	['COSMOPLat','120.221.65.130','天津天波IDC机房'],
    	['COSMOPLat','120.221.64.241','北京上地机房'],
    	['COSMOPLat','120.221.64.238','张江机房'],
    	['COSMOPLat','120.221.64.231','张江机房'],
    	['COSMOPLat','120.221.64.230','北京兆维IDC数据中心'],
    	['COSMOPLat','120.221.64.229','辽宁沈阳百科数据中心'],
    	['COSMOPLat','120.221.64.144','北京基地数据中心'],
    	['COSMOPLat','120.221.25.54','信息园区B2机房'],
    	['COSMOPLat','120.221.25.41','浙江绍兴城东IDC数据中心'],
    	['COSMOPLat','120.221.25.195','北京上地机房'],
    	['COSMOPLat','120.221.25.190','北京永丰IDC数据中心'],
    	['COSMOPLat','120.221.25.189','山东移动青岛市浮山路IDC机房'],
    	['COSMOPLat','120.221.25.179','北京东四专线节点'],
    	['COSMOPLat','120.221.25.177','张江机房'],
    	['COSMOPLat','120.221.24.8','蕰川2号机房'],
    	['COSMOPLat','120.221.24.60','浙江宁波鄞州IDC数据中心'],
    	['COSMOPLat','120.221.24.213','北京上地机房'],
    	['COSMOPLat','120.221.24.188','崇左市局电信大楼三层扩展机房'],
    	['COSMOPLat','120.221.25.191','大白楼数据中心'],
    	['COSMOPLat','120.221.24.123','雍和宫数据中心'],
    	['COSMOPLat','120.221.23.84','湖北电信荆州南门机房'],
    	['COSMOPLat','120.221.23.202','山东移动青岛市浮山路IDC机房'],
    	['COSMOPLat','120.221.23.199','山东移动青岛市浮山路IDC机房'],
    	['COSMOPLat','120.221.23.193','山东移动青岛市浮山路IDC机房'],
    	['COSMOPLat','120.221.23.190','北京基地数据中心'],
    	['COSMOPLat','120.221.23.189','山东移动青岛市浮山路IDC机房'],
    	['COSMOPLat','120.221.23.100','山东移动青岛市浮山路IDC机房'],
    	['COSMOPLat','120.221.11.143','北京上地机房'],
    	['COSMOPLat','120.192.92.194','崇左市局电信大楼三层扩展机房'],
    	['COSMOPLat','120.192.89.135','张江机房'],
    	['COSMOPLat','120.192.88.12','省平台IDC广州节点'],
    	['COSMOPLat','120.192.86.44','山东移动济南市开发区IDC机房'],
    	['COSMOPLat','120.192.86.162','北京基地数据中心'],
    	['COSMOPLat','119.190.34.246','漕盈机房'],
    	['COSMOPLat','119.190.34.24','漕盈机房'],
    	['COSMOPLat','112.240.60.204','万国长安上海外高桥数据中心'],
    	['浪潮m81','60.216.107.180','漕盈机房'],
    	['浪潮m81','223.99.170.84','北海火车站局2楼IDC机房'],
    	['浪潮m81','223.99.170.80','北京基地数据中心'],
    	['浪潮m81','223.99.170.121','芜湖微波楼互联网专线机房'],
    	['浪潮m81','124.128.149.164','北京东四专线节点'],
    	['普奥云proudthink','121.42.27.27','大白楼数据中心'],
    	['COSMOPLat','120.192.66.97','浙江绍兴城东IDC数据中心'],
    	['COSMOPLat','120.192.66.94','浙江温州开发区IDC数据中心'],
    	['COSMOPLat','120.192.66.93','浙江温州开发区IDC数据中心'],
    	['COSMOPLat','119.190.34.98','广州粤西粤北专线平台'],
    ];

    var str = "<table class='tab_content'>";
    for (var i = 0; i < datas.length; i++) {
        str += "<tr>" +
            "<td title='"+datas[i][0]+"'>" + datas[i][0] + "</td>" +
            "<td title='"+datas[i][1]+"'>" + datas[i][1] + "</td>" +
            "<td title='"+datas[i][2]+"'>" + datas[i][2] + "</td>" +
            "</tr>"
    }
    str += "</table>";
    ranklistRight6.append(str);
}